<template>
  <el-menu :router="true" :collapse="collapse" :default-active="current">
    <el-sub-menu index="/admin/info">
      <template #title>
        <el-icon><User /></el-icon>
        <span>基本信息维护</span>
      </template>
      <el-menu-item index="/admin/info/list">信息列表</el-menu-item>

    </el-sub-menu>
  </el-menu>
</template>
<script setup lang="ts">
import { useRoute } from 'vue-router'
defineProps({
  collapse: {
    type: Boolean,
    default: false
  }
})
const route = useRoute()
const current = route.path
</script>
<style lang="scss">
:root {
  --el-menu-bg-color: #344055;
  --el-menu-text-color: #ffffff;
  --el-menu-hover-bg-color: #444f63;
  --el-menu-hover-text-color: #409eff;
  //   --el-menu-active-color: #344055;
  --el-menu-border-color: #344055;
}
</style>
